<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>个人中心</title>
    <meta name="keywords" content="个人中心">
    <meta name="description" content="个人中心">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="applicable-device" content="pc"/>
    <meta http-equiv="Cache-Control" content="no-transform" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <meta name="mobile-agent" content="format=html5;url="/>
    <link rel="alternate" media="only screen and(max-width: 750px)" href=""/>
    <link rel="canonical" href="">
    <link rel="icon" th:href="@{/computer/images/icon.icon}" type="image/x-icon">
    <link rel="stylesheet" th:href="@{/computer/css/main.css}">
    <link rel="stylesheet" href="//unpkg.com/layui@2.6.8/dist/css/layui.css">
    <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
    <script src="//unpkg.com/layui@2.6.8/dist/layui.js"></script>
    <script th:src="@{/computer/js/xadmin.js}" type="text/javascript"></script>
</head>
<body>
<script>
    function toUpdate(){
        x_admin_show("修改信息","/user/toUpdate",800,500);
    }
    function toModefyUpass(){
        x_admin_show("修改密码","/user/toModifyUpass",500,300);
    }
    $(function(){
        userinfo();
    })
    //回显登录信息
    function userinfo(){
        $.ajax({
            dataType: "json",
            type: "get",
            url:"/user/userinfo1",
            success: function(backVal){
                if(backVal.code==0){
                    $("#user_login").text(backVal.data.user.uname);
                    $("#user_header").attr("src",backVal.data.user.imgurl);
                    $("#last_logintime").text(backVal.data.logintime);
                }

            }
        })
    }
</script>
    <!-- 头部 -->
    <header>
        <div id="cont_header" class="dingwei">
            <div class="header_left">
                <div class="dingwei_img"><img src="/computer/images/定位.png" width="20px" height="20px"></div>
                <div class="header_city">
                    <ul>
                        <li style="margin-left: 6px"><a href="./city.html">深圳</a></li>
                        <li><a href="./city.html">[北京</a></li>
                        <li><a href="./city.html">上海</a></li>
                        <li><a href="./city.html">广州</a></li>
                        <li class="more_city" style="width: 70px">
                            <a href="./city.html">更多城市]</a>
                            <ul class="more_city_list fl">
                                <li><a href="./city.html">天津</a></li>
                                <li><a href="./city.html">成都</a></li>
                                <li><a href="./city.html">杭州</a></li>
                                <li><a href="./city.html">武汉</a></li>
                                <li><a href="./city.html">重庆</a></li>
                                <li><a href="./city.html">南京</a></li>
                                <li><a href="./city.html">苏州</a></li>
                                <li><a href="./city.html">西安</a></li>
                                <li><a href="./city.html">长沙</a></li>
                                <li><a href="./city.html">沈阳</a></li>
                                <li><a href="./city.html">青岛</a></li>
                                <li><a href="./city.html">郑州</a></li>
                                <li><a href="./city.html">大连</a></li>
                                <li><a href="./city.html">东莞</a></li>
                                <li><a href="./city.html">宁波</a></li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="logins fl">
                <ul>
                    <li><a href="" id="user_login">我的账户</a></li>
                    <li><a href="./about.html">帮助中心</a></li>
                    <li><span>服务电话：400-646-641</span></li>
                    <li><a href="./about.html">投诉建议</a></li>
                    <li class="weixin">
                        <a href="#">官方微信v
                            <div class="wx_img">
                                <img src="/computer/images/wechat.png" width="150px" height="150px" alt="微信二维码">
                            </div>
                        </a>
                    </li>
                    <li class="weixin">
                        <a href="#">APP下载v
                            <div class="wx_img">
                                <img src="/computer/images/wechat.png" width="150px" height="150px" alt="微信二维码">
                            </div>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </header>
    <!-- logo -->
    <div class="logo wh">
        <div class="fl">
            <a href="./index.html" class="logo_content">
                <img src="/computer/images/logo.jpg" alt="家政网" title="家政网">
                <span class="logo_text fl">
                    <p>家政网</p>
                    <p>你的私人管家</p>
                </span>
            </a>
        </div>
        <div class="searh fl">
            <select name="slt_value" >
                <option value="1">服务</option>
                <option value="2">师傅</option>
                <option value="3">公司</option>
                <option value="4">阿姨</option>
            </select>
            <input type="text" name=""  class="searh_text" placeholder="输入要查找的阿姨、服务、公司"
                onfocus="javascript:if(this.value=='请输入内容')this.value=''; ">
            <input type="button" name=""  value="查找" class="subimt">
            <div class="clfiex reSearh_Text">
                <span>大家都在搜:</span>
                <a href="">保姆</a>
                <a href="">钟点工</a>
                <a href="">做饭阿姨</a>
                <a href="">接送</a>
                <a href="">保洁</a>
            </div>
        </div>
    </div>
    <!-- 导航 -->
    <nav>
        <div class="wh clfiex mgc nav_box" id="nav">
            <ul class="nav_ul">
                <li class="first_navli first_more">
                    <a href="">服务大全
                        <span class="more_img"></span>
                    </a>
                    <!-- 下拉菜单 -->
                    <div class="more_box">
                        <ul>
                            <li class="item_list">
                                <div class="more_type"><a href="">家政</a></div>
                                <div class="more_list_child">
                                    <div class="sub_list">
                                        <a href="">保洁</a>
                                        <a href="">日常保洁</a>
                                        <a href="">深度保洁</a>
                                        <a href="">客厅深洁</a>
                                    </div>
                                    <div class="more_sub_list">
                                        <a href="">保洁</a>
                                        <a href="">日常保洁</a>
                                        <a href="">深度保洁</a>
                                        <a href="">深洁</a>
                                        <a href="">深度保洁</a>
                                        <a href="">深洁</a>
                                        <a href="">深度保洁</a>
                                        <a href="">客厅保洁</a>
                                    </div>
                                </div>
                            </li>
                            <li class="item_list">
                                <div class="more_type">
                                    <a href=""><span>保姆</span> <span>月嫂</span></a>
                                </div>
                                <div class="more_list_child">
                                    <div class="sub_list">
                                        <a href="">保洁</a>
                                        <a href="">钟点阿姨</a>
                                        <a href="">深度保洁</a>
                                        <a href="">深洁</a>
                                    </div>
                                    <div>
                                    </div>
                                </div>
                            </li>
                            <li class="item_list">
                                <div class="more_type"><a href="">家政</a></div>
                                <div class="more_list_child">
                                    <div class="sub_list">
                                        <a href="">保洁</a>
                                        <a href="">日常保洁</a>
                                        <a href="">深度保洁</a>
                                        <a href="">深洁</a>
                                    </div>
                                </div>
                            </li>
                            <li class="item_list">
                                <div class="more_type"><a href=""><span>上门</span> <span>安装</span></a></div>
                                <div class="more_list_child">
                                    <div class="sub_list">
                                        <a href="">空调</a>
                                        <a href="">油烟机</a>
                                        <a href="">水电</a>
                                        <a href="">门窗</a>
                                        <a href="">橱柜</a>
                                    </div>
                                    <div class="more_sub_list">
                                        <a href="">卫浴</a>
                                        <a href="">抽风机</a>
                                    </div>
                                </div>
                            </li>
                            <li class="item_list">
                                <div class="more_type"><a href="">家政</a></div>
                                <div class="more_list_child">
                                    <div class="sub_list">
                                        <a href="">保洁</a>
                                        <a href="">日常保洁</a>
                                        <a href="">深度保洁</a>
                                        <a href="">深洁</a>
                                    </div>
                                </div>
                            </li>
                            <li class="item_list">
                                <div class="more_type"><a href="">家政</a></div>
                                <div class="more_list_child">
                                    <div class="sub_list">
                                        <a href="">保洁</a>
                                        <a href="">日常保洁</a>
                                        <a href="">深度保洁</a>
                                        <a href="">深洁</a>
                                    </div>
                                </div>
                            </li>
                            <li class="item_list">
                                <div class="more_type"><a href=""><span>配送</span><span>服务</span></a></div>
                                <div class="more_list_child">
                                    <div class="sub_list">
                                        <a href="">鲜花</a>
                                        <a href="">桶装水</a>
                                        <a href="">饮料酒水</a>
                                        <a href="">煤气</a>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </li>
                <li><a href="">组合套餐</a></li>
                <li><a href="">VIP专享</a></li>
                <li><a href="">上门安装</a></li>
                <li><a href="">定制服务</a></li>
                <li class="first_navli">
                    <a href="">知识课堂<span class="more_img"></span></a>
                    <div class="class_more">
                        <ul>
                            <li><a href="">育儿知识</a></li>
                            <li><a href="">维修知识</a></li>
                            <li><a href="">安装教程</a></li>
                        </ul>
                    </div>
                </li>
                <li><a href="">领优惠券</a></li>
                <li><a href="">大客户</a></li>
            </ul>
        </div>
    </nav>
    <div class="crumbs wh mgc">
        <a href="">家政网&gt;&gt;</a>
        <a href="">用户中心</a>
    </div>
    <!-- 主体内容 -->
    <div class="user-main wh mgc">
        <!-- 左边子导航 -->
        <div class="user-left fl">
            <dl>
                <dt>个人中心</dt>
                <dd><a id="userupdate" href="javascript:void(0)" onclick="toUpdate()">更改资料</a></dd>
                <dd><a href="javascript:void(0)" onclick="toModefyUpass()">修改密码</a></dd>
                <dd><a href="">消息中心</a></dd>
            </dl>
            <dl>
                <dt>订单中心</dt>
                <dd><a href="">购买记录</a></dd>
                <dd><a href="">未支付订单</a></dd>
                <dd><a href="">待评价订单</a></dd>
            </dl>
            <dl>
                <dt>服务商</dt>
                <dd><a href="">待处理无法</a></dd>
                <dd><a href="">账户中心</a></dd>
                <dd><a href="">服务记录</a></dd>
            </dl>
            <dl>
                <dt>最近活动</dt>
                <dd><a href="">套餐活动</a></dd>
                <dd><a href="">优惠活动</a></dd>
            </dl>
            <dl>
                <dt>客服中心</dt>
                <dd><a href="">消费者维权</a></dd>
                <dd><a href="">投诉管理</a></dd>
                <dd><a href="">改善建议</a></dd>
            </dl>
        </div>
        <!-- 主体内容右边 -->
        <div class="user-right fl">
            <!-- 用户头像 -->
            <div class="user_info">
                <div class="user_infoimg fl">
                    <a href=""><img width="130" height="150" id="user_header" style="margin-top:-10px" src="/computer/images/头像.jpg" alt=""></a>
                </div>
                <div class="user_list fl">
                    <a  href="javascript:void(0)" onclick="toUpdate()">更改资料</a>
                    <a href="/toLogin">退出登录</a>
                    <a href="javascript:void(0)" onclick="toModefyUpass()">修改密码</a>
                </div>
                <div class="before_login fl">
                    <div class="before_login-time">
                         <span id="last_logintime">2018年9月4日21:18:02</span>
                        </dvi>
                        <div class="before_login-money">
                            <span class="user-money" onclick="hideMoney()" value="1" myMoney="">账户余额：1500￥</span>
                            <span class="user_vip"><a href="">开启VIP</a></span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="content_rigth_order clfiex ">
                <!-- 订单中心 -->
                <div class="order_left_bt fl">
                    <div class="myorder">
                        <h3>订单中心</h3>
                        <span>
                            <a href=""><img src="/computer/images/订单中心.png" alt=""></a>
                            <a href=""><img src="/computer/images/待支付订单.png" alt=""></a>
                            <a href=""><img src="/computer/images/待评价.png" alt=""></a>
                            <a href=""><img src="/computer/images/售后服务.png" alt=""></a>
                        </span>
                    </div>
                    <div class="my_order">
                        <ul class="order_list">
                            <li>
                                <span class="order_img">
                                    <a href=""><img src="/computer/images/油烟机.jpg" alt=""></a>
                                </span>
                                <span class="order_title">
                                    <p> <a href="">家电安装、空调安装、抽油烟机安装套餐服务</a></p>
                                    <p>2018年8月25日</p>
                                </span>
                                <span>230元</span>
                                <span><a href="">待评价</a></span>
                            </li>
                            <li>
                                <span class="order_img">
                                    <a href=""><img src="/computer/images/油烟机.jpg" alt=""></a>
                                </span>
                                <span class="order_title">
                                    <p> <a href="">家电安装、空调安装、抽油烟机安装套餐服务</a></p>
                                    <p>2018年8月25日</p>
                                </span>
                                <span>230元</span>
                                <span><a href="">待评价</a></span>
                            </li>
                            <li>
                                <span class="order_img">
                                    <a href=""><img src="/computer/images/油烟机.jpg" alt=""></a>
                                </span>
                                <span class="order_title">
                                    <p> <a href="">家电安装、空调安装、抽油烟机安装套餐服务</a></p>
                                    <p>2018年8月25日</p>
                                </span>
                                <span>230元</span>
                                <span><a href="">已评价</a></span>
                            </li>
                        </ul>
                    </div>
                    <div class="user-server clfiex">
                        <h3>服务商</h3>
                        <div class="to_server">
                            <p><span>您尚未成为服务商</span> </p>
                            <p><span><a href="">我要验证</a></span></p>
                        </div>
                    </div>
                </div>
                <!-- 常用服务、最近浏览 -->
                <div class="relat_look fr">
                    <div>
                        <h3>常用服务</h3>
                        <div class="user_often mgc">
                            <a href="">家政</a>
                            <a href="">家政</a>
                            <a href="">家政</a>
                            <a href="">家政</a>
                            <a href="">家政</a>
                            <a href="">家政</a>
                            <a href="">家政</a>
                            <a href="">家政</a>
                            <a href="">家政</a>
                            <a href="">家政</a>
                            <a href="">家政</a>
                            <a href="">家政</a>
                            <a href="">家政</a>
                            <a href="">家政</a>
                            <a href="">家政</a>
                            <a href="">家政</a>
                        </div>
                    </div>
                    <div class="lately_look clfiex">
                        <h3>最近浏览</h3>
                        <div class="user_lately mgc">
                            <li>
                                <div class="ohter_look">
                                    <div class="ohter_look_img fl"><a href="#"><img src="/computer/images/other.jpg"
                                                alt="空调安装"></a></div>
                                    <div class="ohter_look_price fr">
                                        <p>5元/平</p>
                                        <p>60人浏览过</p>
                                    </div>
                                </div>
                                <div class="ohter_look_title clfiex"><a href="">客厅深度保洁服务，5年专业保洁经验</a></div>
                            </li>
                            <li>
                                <div class="ohter_look">
                                    <div class="ohter_look_img fl"><a href="#"><img src="/computer/images/other.jpg"
                                                alt="空调安装"></a></div>
                                    <div class="ohter_look_price fr">
                                        <p>5元/平</p>
                                        <p>60人浏览过</p>
                                    </div>
                                </div>
                                <div class="ohter_look_title clfiex"><a href="">客厅深度保洁服务，5年专业保洁经验</a></div>
                            </li>
                            <li>
                                <div class="ohter_look">
                                    <div class="ohter_look_img fl"><a href="#"><img src="/computer/images/other.jpg"
                                                alt="空调安装"></a></div>
                                    <div class="ohter_look_price fr">
                                        <p>5元/平</p>
                                        <p>60人浏览过</p>
                                    </div>
                                </div>
                                <div class="ohter_look_title clfiex"><a href="">客厅深度保洁服务，5年专业保洁经验</a></div>
                            </li>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 底部 -->
    <footer>
        <div class="friend_line">
            <div class="friend mgc wh" id="friend">
                <p class="links_qq">友情链接QQ：4116161345</p>
                <p class="links">
                </p>
            </div>
        </div>
        <div class="help_box wh mgc">
            <div class="info_box">
                <div class="help_info wh mgc">
                    <div class="info_items">
                        <strong>帮助中心</strong>
                        <li><a href="#">平台流程</a></li>
                        <li><a href="#">购买流程</a></li>
                        <li><a href="#">入住流程</a></li>
                    </div>
                    <div class="info_items">
                        <strong>关于家政网</strong>
                        <li><a href="#">关于我们</a></li>
                        <li><a href="#">服务承诺</a></li>
                        <li><a href="#">加入我们</a></li>
                    </div>
                    <div class="info_items">
                        <strong>服务支持</strong>
                        <li><a href="#">意见反馈</a></li>
                        <li><a href="#">合同下载</a></li>
                        <li><a href="#">网站地图</a></li>
                        <li><a href="#">服务保障</a></li>
                    </div>
                    <div class="info_items">
                        <strong>咨询热线</strong>
                        <li>400-465-964</li>
                        <li>周一 至 周五</li>
                        <li>09:00~21:00</li>
                    </div>
                </div>
                <div class="wechat">
                    <div class="wechat_img">
                        <img src="/computer/images/wechat.png" alt="">
                        <p>家政网公众号</p>
                    </div>
                    <div class="wechat_img fl">
                        <img src="/computer/images/wechat.png" alt="">
                        <p>APP下载</p>
                    </div>
                </div>
            </div>
            <!-- 版权 -->
            <div class="copy mgc clfiex">
                <div class="copy_company">
                    <div class="copy_text">
                        <span>Copyright ©2008-2018</span>
                        <span>家政网有限责任公司</span>
                        <span>粤ICP 备14036222号</span>
                    </div>
                    <div class="copy_img">
                        <img src="/computer/images/banquan1.png" alt="">
                        <img src="/computer/images/banquan2.png" alt="">
                    </div>
                </div>
            </div>
        </div>
    </footer>
    <!-- 右边导航栏 -->
    <div class="nav_right">
        <ul>
            <li><a href="#"><img src="/computer/images/客服.png" title="客服"></a></li>
            <li><a href="#"><img src="/computer/images/商家入驻.png" title="商家入驻"></a></li>
            <li><a href="#"><img src="/computer/images/微信.png" title="官方微信"></a></li>
            <li class="top" id="top"><a href="#cont_header">
                    <img src="/computer/images/返回顶部.png" title="返回顶部"></a>
            </li>
        </ul>
    </div>
    <script th:src="@{/computer/js/user.js}"></script>
</body>
</html>